import Highlight from '@site/src/components/Highlight';

- Type: <Highlight> (appInfo: AppInfo, appInstance: interfaces.App, cacheMode: boolean) => void </Highlight>
  - 该 `hook` 的参数分别为：`appInfo` 信息、`appInstance` 应用实例、是否为 `缓存模式` 渲染和销毁
- Kind: `sync`, `sequential`
- Previous Hook: `beforeEval`、`afterEval`
- Trigger:

  - 此时子应用资源准备完成，运行时环境初始化完成，准备开始渲染子应用 DOM 树；
  - 在调用 `app.mount` 或 `app.show` 触发该 `hook`，用户除了手动调用这两个方法外，`Garfish Router` 托管模式还会自动触发
    - 在使用 `app.mount` 渲染应用是 `cacheMode` 为 `false`；
    - 在使用 `app.show` 渲染应用是 `cacheMode` 为 `true`；

- 示例

```ts
Garfish.run({
  ...,
  beforeMount(appInfo) {
    console.log('子应用开始渲染', appInfo.name);
  }
})
```
